<!--
  Description: New project wizzard.
  Version: 1.0.0.3, Sep 17, 2010
  Author: Liyuan Li
-->
<dialog id="newProject" class="none new">
    <div>
        <aside class="side left">
            Step
            <hr/>
            <div>
                <div id="chooseProjectStep">
                    1. Choose Project
                    <br/>
                    2. ...
                </div>
                <div id="mavenArchetypeStep" class="none">
                    1. Choose Project
                    <br/>
                    2. Maven Archetype
                    <br/>
                    3. ...
                </div>
                <div id="nameAndLocationProjectStep" class="none">
                    1. Choose Project
                    <br/>
                    2. Maven Archetype
                    <br/>
                    3. Name and Location
                </div>
            </div>
        </aside>
        <div class="content right">
            <div id="chooseProjectMain">
                Choose Project
                <hr/>
                <div class="left">
                    Categories
                    <div class="border categories"></div>
                </div>
                <div class="right">
                    Project
                    <div class="border project"></div>
                </div>
                <div class="clear"></div>
                Description:
                <div class="border description"></div>
            </div>
            <div id="mavenArchetypeMain" class="none">
                Maven Archtype
                <hr/>
                XXXXXXXXX
                <br/>
                XXXXXXXXXX
                <div class="border mavenArchetype left"></div>
                <div class="right">
                    <button>XXX</button>
                    <br/>
                    <button>XXXX</button>
                </div>
                <div class="clear"></div>
                Description:
                <div class="border description"></div>
            </div>
            <div id="nameAndLocationProjectMain" class="none">
                Name and Location
                <hr/>
                XXX <input id="projectName" onchange="$('#projectArtifactId').val($('#projectName').val());newProject.finishButtonStyle();"/>
                <br/>
                <br/>
                XXX <input id="projectArtifactId" disabled="disabled"/>
                <br/>
                XXX <input id="projectGroupId"/>
                <br/>
                XXX <input id="projectVersion"/>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="bottom right">
        <button id="newProjectBack" onclick="step.backAndNext('back');">Back</button>
        <button id="newProjectNext" onclick="step.backAndNext('next');">Next</button>
        <button onclick="finished.newProject();">Finish</button>
        <button onclick="step.cancel();">Cancel</button>
        <button>Help</button>
    </div>
</dialog>
